<template>
  <div class="pagination">
    <!-- 分页 -->
    <el-pagination
      background
      :pager-count="11"
      prev-text="上一页"
      next-text="下一页"
      layout=" prev, pager, next,slot, jumper"
      :total="1280"
    >
      <template><span>共128页</span></template>
    </el-pagination>
  </div>
</template>

<script>
export default {
  name: 'pagination',
  components: {},
  props: {},
  data() {
    return {}
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {},
  methods: {}
}
</script>
<style lang="less" scope>
.el-pagination {
  position: absolute;
  bottom: 30px;
  right: 50px;
  color: #616a9c !important;
  .el-pager li,
  .btn-prev,
  .btn-next,
  .el-input__inner {
    background-color: transparent !important;
    border: 1px solid #cacedf !important;
    border-radius: 3px !important;
    padding: 0 !important;
    margin-right: 4px;
  }
  .btn-prev span,
  .btn-next span,
  .el-pagination__jump {
    color: #616a9c !important;
  }
  li.active {
    background-color: #454d76 !important;
  }
}
</style>
